Action Cableを試すサンプルアプリケーション
参考にする情報
試したいこと
基礎的なサブスクライブとブロードキャスト
1つのChannelに対して1つのStreamだけある場合の話
開いているページごとに、あるいはアクセスしているユーザごとに、異なるコンテンツをブロードキャストする
1つのChannelに対して複数のStreamがある場合の話
実装する機能
まずは匿名のMessageを作成/表示できるRoom
1つのChannelに対して1つのStreamだけある場合の話 のやつ
同一コンテンツをブロードキャスト
↑を拡張し、ログインしたUserのMessageも作成/表示できるようにする
ここでUser登録とログインをつくる
Messageにoptionalなuser_id(speaker_id)カラムを生やす
ログインしたUserがMessageを作成した場合、そのUserから見て「自身のMessageである」ことがわかるようにする
1つのChannelに対して複数のStreamがある場合の話
進捗
まずは匿名のMessageを作成/表示できるRoom
https://user-images.githubusercontent.com/26683960/111061477-f2748880-84e6-11eb-9ba0-541b1d43a2c7.gif
User登録とログインをつくる
Messageにoptionalなuser_id(speaker_id)カラムを生やす
ログインしたUserのMessageも作成/表示できるようにする
https://gyazo.com/cd7fb69042321b1c281be1c372371e08
ログインしたUserがMessageを作成した場合、そのUserから見て「自身のMessageである」ことがわかるようにする
1つのChannelに対して複数のStreamがある場合の話
https://user-images.githubusercontent.com/26683960/111960416-119c9700-8b33-11eb-8fe2-dc181c725efc.gif